<!-- components/ContactInfo.vue -->
<template>
    <div class="contact-info">
      <h3>Contact Information</h3>
      <p>Email: info@example.com</p>
      <p>Phone: +1 (555) 123-4567</p>
      <p>Address: 123 Main St, Anytown, USA</p>
    </div>
  </template>
  
  <script>
  export default {
    name: 'ContactInfo'
  };
  </script>
  
  <style scoped>
  .contact-info {
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    margin-top: 20px;
  }
  
  .contact-info h3 {
    margin-bottom: 10px;
  }
  
  .contact-info p {
    margin: 5px 0;
  }
  </style>